<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<title>贵美商城</title>
 <link rel="stylesheet"	type="text/css"	href="css/global.css"	/>
 <link rel="stylesheet"	type="text/css"	href="css/layout.css"	/>
 <script type="text/JavaScript" src="js/jquery.js"></script>
 <script type="text/javascript">
	var flag = false;
	
     $(function(){
        $("#userName").bind("blur",function(){
           var twoName = $("#userName").val();
           if(twoName.length != 0){
           		$.ajax({
			        url:"checkUserExist",
			        type:"POST",
			        data:{"userName":twoName},
			        dataType:"json",
			        success:function(msg1){
	         			$("#unerror").html("<font color='red'>  "+msg1.result+"</font>");
	       			}
     			});
           }
  		});
  		 
  		 $("#realName").blur(function(){
  		 	flag = true;
  		 	var realName = $("#realName").val();
  		 	if(realName.length == 0){
  		 			flag = false;
  		 		$("#rlerror").html("<font color='red'>  真实姓名不能为空</font>");
  		 	}
  		 });
  		 $("#realName").focus(function(){
  		 	$("#rlerror").html("");
  		 });
  		 
  		 $("#userName").blur(function(){
  		 	flag = true;
  		 	var realName = $("#userName").val();
  		 	if(realName.length == 0){
  		 		flag = false;
  		 		$("#unerror").html("<font color='red'>  登录名不能为空</font>");
  		 	}
  		 });
  		 $("#realName").focus(function(){
  		 	$("#unerror").html("");
  		 });
  		 
  		 $("#password").blur(function(){
  		 	flag = true;
  		 	var password = $("#password").val();
  		 	if(password.length < 6 ){
  		 		flag = false;
	  		 	if(password.length == 0){
	  		 		$("#pwerror").html("<font color='red'>  密码不能为空不能为空</font>");
	  		 	}else{
	  		 		$("#pwerror").html("<font color='red'>  密码长度必须大于6位</font>");
	  		 	}
  		 	}else{
  		 		if(!/^\w+$/.test(password)){
  		 			flag = false;
  		 			$("#pwerror").html("<font color='red'>  密码包含非法字符</font>");
  		 		}
  		 	}
  		 });
  		 $("#password").focus(function(){
  		 	$("#pwerror").html("（至少包含 6 个字符）");
  		 });
  		 
  		 
  		 $("#rpassword").blur(function(){
  		 	flag = true;
  		 	var rpassword = $("#rpassword").val();
  		 	var password = $("#password").val();
  		 	if(password.length != 0){
	  		 	if(rpassword != password){
	  		 		flag = false;
	  		 		$("#rwerror").html("<font color='red'>  两次输入密码不一致</font>");
	  		 	}
  		 	}
  		 });
  		 $("#rpassword").focus(function(){
  		 	$("#rwerror").html("");
  		 });
  		 
  		 $("#email").blur(function(){
  		 	flag = true;
  		 	var email = $("#email").val();
  		 	if(email.length == 0){
  		 		flag = false;
  		 		$("#emerror").html("<font color='red'>  请输入邮箱</font>");
  		 	}else{
  		 		if(!/^\w+@\w+(\.\w{2,3}){1,3}$/.test(email)){
  		 			flag = false;
  		 			$("#emerror").html("<font color='red'>  邮箱格式不正确</font>");
  		 		}
  		 	}
  		 });
  		 $("#email").focus(function(){
  		 	$("#emerror").html("（必须包含 @  字符）");
  		 });
  		 
  		 
  		 $("#birthday").blur(function(){
  		 	flag = true;
  		 	var birthday = $("#birthday").val();
  		 	if(birthday.length != 0){
	  		 	if(!/^\d{4}-\d{2}-\d{2}$/.test(birthday)){
	  		 		flag = false;
	  		 		$("#birerror").html("<font color='red'>  格式不正确</font>");
	  		 	}
  		 	}
  		 });
  		 $("#birthday").focus(function(){
  		 	$("#birerror").html(" 例：1999-02-03");
  		 });
 	 });
     
  	function subform(){
  		return flag;
  	}
 
 </script>
</head>
<body>
<div id="container">
	<iframe id="header" src="header.jsp" width="980" height="136" frameborder="0" scrolling="no"></iframe>
    <form id="form1" method="post" action="RegistAction" onsubmit="return subform()">

    <table class="reg" cellspacing="0px" cellpadding="0px">
      <tbody>
      <tr>
        <td class="a_r w15p"><label for="fname">真实名字：</label></td>
		<td class="w500"><input name="userInfo.realName" id="realName" type="text" /><span id="rlerror"></span></td>
		
        <td class="protocol" rowspan="11">
    		  <h4><img src="images/read.gif" alt="alt" />阅读贵美网服务协议 </h4>
        	<textarea name="textarea" cols="35" rows="15">欢迎阅读服务条款协议，本协议阐述之条款和条件适用于您使用Gmgw.com网站的各种工具和服务。

  本服务协议双方为贵美与贵美网用户，本服务协议具有合同效力。 
  贵美的权利和义务
    1.贵美有义务在现有技术上维护整个网上交易平台的正常运行，并努力提升和改进技术，使用户网上交易活动的顺利。 
    2.对用户在注册使用贵美网上交易平台中所遇到的与交易或注册有关的问题及反映的情况，贵美应及时作出回复。 
    3.对于在贵美网网上交易平台上的不当行为或其它任何贵美认为应当终止服务的情况，贵美有权随时作出删除相关信息、终止服务提供等处理，而无须征得用户的同意。 
    4.因网上交易平台的特殊性，贵美没有义务对所有用户的注册资料、所有的交易行为以及与交易有关的其他事项进行事先审查。 	
				  </textarea>
    	  </td> 				
      </tr>
      
      <tr>
				<td class="a_r" ><label for="sname">登录名：</label></td>
        <td><input name="userInfo.UserName" id="userName"  type="text" /><span id="unerror"></span></td>
      </tr>
      <tr>
        <td class="a_r"><label for="pass">密码：</label></td>
        <td><input name="userInfo.password" id="password" type="password" /><span id="pwerror">（至少包含 6 个字符）</span></td>
      </tr>
      <tr>
        <td class="a_r"><label for="rpass">再次输入密码：</label></td>
        <td><input name="rpassword" id="rpassword" type="password" /><span id="rwerror"></span></td>
      </tr>
      <tr>
        <td class="a_r"><label for="email">电子邮箱：</label></td>
        <td><input name="userInfo.email" id="email" type="text" /><span id="emerror">（必须包含 @  字符）</span></td>
      </tr>
      <tr>
        <td class="a_r"><label for="gender">性别：</label></td>
				<td>
					<input name="userInfo.gender" id="gender" class="b0" type="radio" value="男" checked="checked" />
    	    <img src="images/Male.gif">男&nbsp; 
    	    <input name="userInfo.gender" class="b0" type="radio" value="女" />
    	    <img src="images/Female.gif" alt="alt" />女

        </td>
      </tr>
      <tr>
        <td class="a_r"><label for="hobby">爱好：</label></td>
        <td>
	   	  	<input class="b0" type="checkbox" name="Aihao" id="hobby" value="运动" />&nbsp;运动&nbsp;&nbsp;
  	  	  <input class="b0" type="checkbox" name="Aihao" value="聊天" />&nbsp;聊天&nbsp;&nbsp;
    			<input class="b0" type="checkbox" name="Aihao" value="玩游戏" />&nbsp;玩游戏

    		</td>
      </tr>
      <tr>
        <td class="a_r"><label for="nYear">出生日期：</label></td>
        <td><input type="text" name="userInfo.birthday" id="birthday"/><span id="birerror">&nbsp;&nbsp;例：1999-02-03</span></td>
          
      </tr>
      
      <tr>
        <td colspan="2" class="pl150"><input type="image" name="" class="b0" src="images/submit.gif" />
        <img src="images/reset.gif" class="hand" alt="重置" />
      </tr>
      </tbody>
    </table>	
    </form>		
		<iframe id="footer" src="footer.jsp" width="980" height="150" frameborder="0" scrolling="no"></iframe>
	</div><!--container	end-->
</body>

